.app{display: none;}
@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
    .f-60{ font-size: 48px; }
    .f-50{ font-size: 42px; }
    .f-48{ font-size: 40px; }
    .f-46{ font-size: 40px; }
    .f-44{ font-size: 38px; }
    .f-42{ font-size: 36px; }
    .f-40{ font-size: 34px; }
    .f-38{ font-size: 32px; }
    .f-36{ font-size: 30px; }
    .f-34{ font-size: 28px; }
    .f-32{ font-size: 26px; }
    .f-30{ font-size: 26px; }
    .f-28{ font-size: 26px; }
    .f-26{ font-size: 24px; }
    .f-24{ font-size: 22px; }
    .f-22{ font-size: 20px; }
    .f-20{ font-size: 18px; }
    .f-18{ font-size: 16px; }
    .f-16{ font-size: 14px; }
    .f-14{ font-size: 14px; }
    .f-12{ font-size: 12px; }
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:800px){
	.pc{display: none!important;}
	.app{display: inline-block;}
    .f-60{ font-size: 24px; }
    .f-50{ font-size: 22px; }
    .f-48{ font-size: 22px; }
    .f-46{ font-size: 20px; }
    .f-44{ font-size: 20px; }
    .f-42{ font-size: 20px; }
    .f-40{ font-size: 18px; }
    .f-38{ font-size: 18px; }
    .f-36{ font-size: 18px; }
    .f-34{ font-size: 16px; }
    .f-32{ font-size: 16px; }
    .f-30{ font-size: 16px; }
    .f-28{ font-size: 16px; }
    .f-26{ font-size: 14px; }
    .f-24{ font-size: 14px; }
    .f-22{ font-size: 14px; }
    .f-20{ font-size: 14px; }
    .f-18{ font-size: 12px; }
    .f-16{ font-size: 12px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }
}

@media screen and (max-width:600px){
    #index .row.r3 .title{opacity: 1;}
    #water{
        width: 42vw;
    }
    #index #top{
        height: 68vh;
    }
    #index .row{padding-bottom: 0.36rem;}
    #index .webGL-slider .pagination{
        top: auto;transform: none;bottom: 0;
    }
    .webGL-slider a.move-prev,.webGL-slider a.move-next{
        display: none;
    }
    .indexBanner .scr,#index #main .r1 .r-main .wid-50 .con .pic_child,#index #main .r1 .r-main .bg2,#index #main .r1 .bg{display: none;}
    #index #main .r1 .r-main .wid-50{
        width: 100%;margin-left: 0;
    }
    #index #main .r1 .r-main .wid-50 .con{
        padding-left: 0;padding-right: 0;padding-bottom: 60px;
    }
    #index #main .r1 .r-main .wid-50 .pic{
        border-top-left-radius:10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #index #main .r2 .r-main .new-box .new-tab{
        right: auto;width: 100%;left: 0;
    }
    #index #main .r2 .r-main .new-box .new-tab > li{
        width: 36px;height: 36px;line-height: 36px;
    }
    #index #main .r2 .r-main .new-box .new-tab > a{
        width: 36px;height: 36px;margin: 0 6px;line-height: 36px;
    }
    #index .r2 .title{
        margin-bottom: 108px;
    }
    #index #main .r2 .r-main .new-box .new-list .fl .pic-list .con{
        width: 91%;
    }
    #index #main .r2 .r-main .new-box .new-list .fl{
        height: 32vh;border-top-left-radius:10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    #index #main .r2 .r-main .new-box .new-list .fl .pic-list .pic{
        border-top-left-radius:10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    #index #main .r2 .r-main .new-box .new-list .fr{
        padding: 0.4rem 0.3rem;margin-left: 0;padding-top: calc(32vh + 0.4rem);
    }
    #index #main .r2 .r-main .new-box .new-list .fr > ul > li{
        margin-bottom: 18px;
    }
    #index #main .r2 .r-main .new-box .new-list .fl,#index #main .r2 .r-main .new-box .new-list .fr{
        width: 100%;
    }
    #index #main .r3 .r-main .home-pro > li .r-left,#index #main .r3 .r-main .pro-tab > li > i:after{
        display: none;
    }
    #index #main .r3 .r-main .home-pro > li .r-right{
        width: 100%;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider{
        width: 100%;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .type{
        font-size: 40px;line-height: 1.6;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .note{
        transform: rotate(90deg) scale(0.7);;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-page{
        width: 100%;height: 40px;bottom: -74px;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol{
        width: 60%;display: flex;justify-content: space-between;align-items: center;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li{
        display: inline-block;margin-bottom: 0;
    }
    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li > span{
        width: 36px;height: 36px;line-height: 36px;
    }
    #index #main .r3 .r-main .home-pro{margin-top: 128px;min-height: 350px;}
    #index #main .r3 .r-main .pro-tab{
        width: 100%;top: 70px;justify-content: space-around;
    }
    #index #main .r3 .r-main .pro-tab > li > i{
        width: 50px;height: 50px;line-height: 50px;margin-right: 0;
        display: inline-block;
    }
    #index #main .r3 .r-main .pro-tab > li:after{
        width: 50px;height: 50px;line-height: 50px;right: 0;;margin: auto;
    }
    #index #main .r3 .r-main .pro-tab > li > span{
        width: 50px;
    }
    #index #main .r3 .bg{
        height: 52%;
    }
    #index #main .r3 .r-main .pro-tab > li{margin-bottom: 0px;text-align: center;}
    #index #main .r3 .r-main .pro-tab > div{
        display: none;
    }
    #index #main .r4 .r-main .home-stock > ul{
        flex-wrap: wrap;position: relative;
    }
    #index #main .r4 .r-main .home-stock .pic{display: none;}
    #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(1),#index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2),#index #main .r4 .r-main .home-stock > ul > li:nth-of-type(3){
        width: 100%;text-align: center;margin-bottom: 15px;padding: 0;
    }
    #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(1){
        padding-top: 20px;
    }
    #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2) .stock-data{
        justify-content: center;
    }
    #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2) .stock-data > span{
        margin-right: 12px;
    }
    #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2) .stock-msg{
        display: flex;justify-content: space-around;
    }
    #bloc footer .f-main .max-wid > ul li{
        margin-bottom: 12px;
    }
    #bloc footer .f-main .max-wid > ul li:nth-of-type(1),#bloc footer .f-main .max-wid > ul li:nth-of-type(4){display: none;}
    #bloc footer .f-main .max-wid > ul > li h3{
        font-size: 20px;
    }
}


@media screen and (max-width:700px){
    html{
        font-size: 50px;
    }
    p{font-size: 12px;line-height: 180%;}
    small,span{font-size: 12px;}
    .f-80{ font-size: 28px; }
    .f-72{ font-size: 26px; }
    .f-60{ font-size: 24px; }
    .f-50{ font-size: 24px; }
    .f-48{ font-size: 24px; }
    .f-46{ font-size: 22px; }
    .f-44{ font-size: 22px; }
    .f-42{ font-size: 20px; }
    .f-40{ font-size: 20px; }
    .f-38{ font-size: 18px; }
    .f-36{ font-size: 18px; }
    .f-34{ font-size: 18px; }
    .f-32{ font-size: 16px; }
    .f-30{ font-size: 16px; }
    .f-28{ font-size: 16px; }
    .f-26{ font-size: 14px; }
    .f-24{ font-size: 14px; }
    .f-22{ font-size: 14px; }
    .f-20{ font-size: 14px; }
    .f-18{ font-size: 14px; }
    .f-16{ font-size: 14px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }


    .mt-1{margin-top:1px;}
    .mt-3{margin-top:3px;}
    .mt-4{margin-top:4px;}
    .mt-5{margin-top:4px;}
    .mt-6{margin-top:4px;}
    .mt-7{margin-top:4px;}
    .mt-8{margin-top:4px;}
    .mt-9{margin-top:4px;}
    .mt-10{margin-top:6px;}
    .mt-12{margin-top: 6px}
    .mt-14{margin-top: 6px}
    .mt-16{margin-top: 6px}
    .mt-18{margin-top: 6px}
    .mt-20{margin-top: 8px}
    .mt-22{margin-top: 8px}
    .mt-24{margin-top: 8px;}
    .mt-26{margin-top: 8px;}
    .mt-28{margin-top: 10px;}
    .mt-30{margin-top: 10px;}
    .mt-32{margin-top: 10px;}
    .mt-34{margin-top: 10px;}
    .mt-36{margin-top: 12px;}
    .mt-38{margin-top: 12px;}
    .mt-40{margin-top: 12px;}
    .mt-42{margin-top: 14px;}
    .mt-44{margin-top: 14px;}
    .mt-46{margin-top: 16px;}
    .mt-48{margin-top: 16px;}
    .mt-50{margin-top: 18px;}
    .mt-60{margin-top: 18px}
    .mt-70{margin-top: 20px}
    .mt-80{margin-top: 22px}
    .mt-90{margin-top: 26px}
    .mt-100{margin-top: 30px}

    .mb-1{margin-bottom:1px;}
    .mb-3{margin-bottom:3px;}
    .mb-4{margin-bottom:4px;}
    .mb-5{margin-bottom:4px;}
    .mb-6{margin-bottom:4px;}
    .mb-7{margin-bottom:4px;}
    .mb-8{margin-bottom:4px;}
    .mb-9{margin-bottom:4px;}
    .mb-10{margin-bottom:6px;}
    .mb-12{margin-bottom: 6px}
    .mb-14{margin-bottom: 6px}
    .mb-16{margin-bottom: 6px}
    .mb-18{margin-bottom: 6px}
    .mb-20{margin-bottom: 8px}
    .mb-22{margin-bottom: 8px}
    .mb-24{margin-bottom: 8px;}
    .mb-26{margin-bottom: 8px;}
    .mb-28{margin-bottom: 10px;}
    .mb-30{margin-bottom: 10px;}
    .mb-32{margin-bottom: 10px;}
    .mb-34{margin-bottom: 10px;}
    .mb-36{margin-bottom: 12px;}
    .mb-38{margin-bottom: 12px;}
    .mb-40{margin-bottom: 12px;}
    .mb-42{margin-bottom: 14px;}
    .mb-44{margin-bottom: 14px;}
    .mb-46{margin-bottom: 16px;}
    .mb-48{margin-bottom: 16px;}
    .mb-50{margin-bottom: 18px;}
    .mb-60{margin-bottom: 18px}
    .mb-70{margin-bottom: 20px}
    .mb-80{margin-bottom: 22px}
    .mb-90{margin-bottom: 26px}
    .mb-100{margin-bottom: 30px}

    .ml-1{margin-left:1px;}
    .ml-3{margin-left:3px;}
    .ml-4{margin-left:4px;}
    .ml-5{margin-left:4px;}
    .ml-6{margin-left:4px;}
    .ml-7{margin-left:4px;}
    .ml-8{margin-left:4px;}
    .ml-9{margin-left:4px;}
    .ml-10{margin-left:6px;}
    .ml-12{margin-left: 6px}
    .ml-14{margin-left: 6px}
    .ml-16{margin-left: 6px}
    .ml-18{margin-left: 6px}
    .ml-20{margin-left: 8px}
    .ml-22{margin-left: 8px}
    .ml-24{margin-left: 8px;}
    .ml-26{margin-left: 8px;}
    .ml-28{margin-left: 10px;}
    .ml-30{margin-left: 10px;}
    .ml-32{margin-left: 10px;}
    .ml-34{margin-left: 10px;}
    .ml-36{margin-left: 12px;}
    .ml-38{margin-left: 12px;}
    .ml-40{margin-left: 12px;}
    .ml-42{margin-left: 14px;}
    .ml-44{margin-left: 14px;}
    .ml-46{margin-left: 16px;}
    .ml-48{margin-left: 16px;}
    .ml-50{margin-left: 18px;}
    .ml-60{margin-left: 18px}
    .ml-70{margin-left: 20px}
    .ml-80{margin-left: 22px}
    .ml-90{margin-left: 26px}
    .ml-100{margin-left: 30px}

    .mr-1{margin-right:1px;}
    .mr-3{margin-right:3px;}
    .mr-4{margin-right:4px;}
    .mr-5{margin-right:4px;}
    .mr-6{margin-right:4px;}
    .mr-7{margin-right:4px;}
    .mr-8{margin-right:4px;}
    .mr-9{margin-right:4px;}
    .mr-10{margin-right:6px;}
    .mr-12{margin-right: 6px}
    .mr-14{margin-right: 6px}
    .mr-16{margin-right: 6px}
    .mr-18{margin-right: 6px}
    .mr-20{margin-right: 8px}
    .mr-22{margin-right: 8px}
    .mr-24{margin-right: 8px;}
    .mr-26{margin-right: 8px;}
    .mr-28{margin-right: 10px;}
    .mr-30{margin-right: 10px;}
    .mr-32{margin-right: 10px;}
    .mr-34{margin-right: 10px;}
    .mr-36{margin-right: 12px;}
    .mr-38{margin-right: 12px;}
    .mr-40{margin-right: 12px;}
    .mr-42{margin-right: 14px;}
    .mr-44{margin-right: 14px;}
    .mr-46{margin-right: 16px;}
    .mr-48{margin-right: 16px;}
    .mr-50{margin-right: 18px;}
    .mr-60{margin-right: 18px}
    .mr-70{margin-right: 20px}
    .mr-80{margin-right: 22px}
    .mr-90{margin-right: 26px}
    .mr-100{margin-right: 30px}

    .pt-1{padding-top:1px;}
    .pt-3{padding-top:3px;}
    .pt-4{padding-top:4px;}
    .pt-5{padding-top:4px;}
    .pt-6{padding-top:4px;}
    .pt-7{padding-top:4px;}
    .pt-8{padding-top:4px;}
    .pt-9{padding-top:4px;}
    .pt-10{padding-top:6px;}
    .pt-12{padding-top: 6px}
    .pt-14{padding-top: 6px}
    .pt-16{padding-top: 6px}
    .pt-18{padding-top: 6px}
    .pt-20{padding-top: 8px}
    .pt-22{padding-top: 8px}
    .pt-24{padding-top: 8px;}
    .pt-26{padding-top: 8px;}
    .pt-28{padding-top: 10px;}
    .pt-30{padding-top: 10px;}
    .pt-32{padding-top: 10px;}
    .pt-34{padding-top: 10px;}
    .pt-36{padding-top: 12px;}
    .pt-38{padding-top: 12px;}
    .pt-40{padding-top: 12px;}
    .pt-42{padding-top: 14px;}
    .pt-44{padding-top: 14px;}
    .pt-46{padding-top: 16px;}
    .pt-48{padding-top: 16px;}
    .pt-50{padding-top: 18px;}
    .pt-60{padding-top: 18px}
    .pt-70{padding-top: 20px}
    .pt-80{padding-top: 22px}
    .pt-90{padding-top: 26px}
    .pt-100{padding-top: 30px}

    .pb-1{padding-bottom:1px;}
    .pb-3{padding-bottom:3px;}
    .pb-4{padding-bottom:4px;}
    .pb-5{padding-bottom:4px;}
    .pb-6{padding-bottom:4px;}
    .pb-7{padding-bottom:4px;}
    .pb-8{padding-bottom:4px;}
    .pb-9{padding-bottom:4px;}
    .pb-10{padding-bottom:6px;}
    .pb-12{padding-bottom: 6px}
    .pb-14{padding-bottom: 6px}
    .pb-16{padding-bottom: 6px}
    .pb-18{padding-bottom: 6px}
    .pb-20{padding-bottom: 8px}
    .pb-22{padding-bottom: 8px}
    .pb-24{padding-bottom: 8px;}
    .pb-26{padding-bottom: 8px;}
    .pb-28{padding-bottom: 10px;}
    .pb-30{padding-bottom: 10px;}
    .pb-32{padding-bottom: 10px;}
    .pb-34{padding-bottom: 10px;}
    .pb-36{padding-bottom: 12px;}
    .pb-38{padding-bottom: 12px;}
    .pb-40{padding-bottom: 12px;}
    .pb-42{padding-bottom: 14px;}
    .pb-44{padding-bottom: 14px;}
    .pb-46{padding-bottom: 16px;}
    .pb-48{padding-bottom: 16px;}
    .pb-50{padding-bottom: 18px;}
    .pb-60{padding-bottom: 18px;}
    .pb-70{padding-bottom: 20px;}
    .pb-80{padding-bottom: 22px;}
    .pb-90{padding-bottom: 26px;}
    .pb-100{padding-bottom: 30px;}

    .pl-1{padding-left:1px;}
    .pl-3{padding-left:3px;}
    .pl-4{padding-left:4px;}
    .pl-5{padding-left:4px;}
    .pl-6{padding-left:4px;}
    .pl-7{padding-left:4px;}
    .pl-8{padding-left:4px;}
    .pl-9{padding-left:4px;}
    .pl-10{padding-left:6px;}
    .pl-12{padding-left: 6px}
    .pl-14{padding-left: 6px}
    .pl-16{padding-left: 6px}
    .pl-18{padding-left: 6px}
    .pl-20{padding-left: 8px}
    .pl-22{padding-left: 8px}
    .pl-24{padding-left: 8px;}
    .pl-26{padding-left: 8px;}
    .pl-28{padding-left: 10px;}
    .pl-30{padding-left: 10px;}
    .pl-32{padding-left: 10px;}
    .pl-34{padding-left: 10px;}
    .pl-36{padding-left: 12px;}
    .pl-38{padding-left: 12px;}
    .pl-40{padding-left: 12px;}
    .pl-42{padding-left: 14px;}
    .pl-44{padding-left: 14px;}
    .pl-46{padding-left: 16px;}
    .pl-48{padding-left: 16px;}
    .pl-50{padding-left: 18px;}
    .pl-60{padding-left: 18px}
    .pl-70{padding-left: 20px}
    .pl-80{padding-left: 22px}
    .pl-90{padding-left: 26px}
    .pl-100{padding-left: 30px}

    .pr-1{padding-right:1px;}
    .pr-3{padding-right:3px;}
    .pr-4{padding-right:4px;}
    .pr-5{padding-right:4px;}
    .pr-6{padding-right:4px;}
    .pr-7{padding-right:4px;}
    .pr-8{padding-right:4px;}
    .pr-9{padding-right:4px;}
    .pr-10{padding-right:6px;}
    .pr-12{padding-right: 6px}
    .pr-14{padding-right: 6px}
    .pr-16{padding-right: 6px}
    .pr-18{padding-right: 6px}
    .pr-20{padding-right: 8px}
    .pr-22{padding-right: 8px}
    .pr-24{padding-right: 8px;}
    .pr-26{padding-right: 8px;}
    .pr-28{padding-right: 10px;}
    .pr-30{padding-right: 10px;}
    .pr-32{padding-right: 10px;}
    .pr-34{padding-right: 10px;}
    .pr-36{padding-right: 12px;}
    .pr-38{padding-right: 12px;}
    .pr-40{padding-right: 12px;}
    .pr-42{padding-right: 14px;}
    .pr-44{padding-right: 14px;}
    .pr-46{padding-right: 16px;}
    .pr-48{padding-right: 16px;}
    .pr-50{padding-right: 18px;}
    .pr-60{padding-right: 18px}
    .pr-70{padding-right: 20px}
    .pr-80{padding-right: 22px}
    .pr-90{padding-right: 26px}
    .pr-100{padding-right: 30px}
}